Support > Design > Product List > Category List Style

Category List Style

 

When you design your online shop website, adding an All Categories & Products module on the page or select the All Categories & Products style on the “Products” page and add your own design on the category list; can allow visitors to browse your products by categories conveniently and project a unique style of your website design.

 

Note: Before designing on the category list, you must add product categories first.

 

 

1.    The “Products” Page

 

Go to Admin Panel > Design > Pages,

click “Products” to enter the page.

 

 

2.    Category List Style

 

Click to enter the Category List Style setup page.

 

 

3.    Styling Features

 

You can design the product listing style of your online shop.

You can preview the styling effect instantly.

The Category List Style will be auto applied onto the All Categories & Products module.

 

You can click “Reset Default” to reset all the Category List Style to the system default settings.

 

 

Category List:

Top Margin

Adjust the top margin of the Category List to align with the product list.

 

 

After changing the background color of the “All Categories & Products” module, the “Category List” position may appear too high or too low.

 

 

Background Color

Color to be applied to the whole Category List page.

 

 

Category Title:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Categories:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Price Range:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Sort by:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Clear All Filters:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

4.    Apply the Updates

 

Save  the changes.

 

eshopland - NGO Offer
eshopland - Start free trial now
eshopland 14-day free trial
No credit card required
FB・IG 直播・直播自動接單
eshopland 網店平台-「接受缺貨訂單」、「預購」、「無限庫存」功能
eshopland 網店平台-如何提升生意額-必學實用專業功能
eshopland 網店平台-會員積分獎賞 points rewards,電子禮券 e-coupons「購物金」
eshopland 網店平台-物流自動化
eshopland 網店平台-社交媒體店主也應該開網店
eshopland 網店平台-轉平台首選
網店自動接單 系統生成順豐運單 一鍵印單

You May Also Like

Start Live Stream Auto Order

Merchants who have subscribed the Live Stream Auto Order feature simply need to complete a straightforward setup in eshopland online shop backend. This setup allows merchants to automatically receiv... [read more]

Initial Shop Setup

When you have registered for your shop account, you can login to the Admin Panel, follow the steps below to begin your initial shop setup.1. Login to Your AccountClick Admin Panel > Settings > Gene... [read more]

Purchase Domain on GoDaddy

eshopland ecommerce platform offers a free shop link (yourshop.eshopland.com) for every merchant. You can also purchase a domain and connect to eshopland ecommerce system, to be your shop’s URL. A d... [read more]

Connect your GoDaddy Domain

After purchasing a domain on GoDaddy, you can follow the steps below to connect your GoDaddy domain to the eshopland e-commerce platform, to be your online shop's URL.Before operating on GoDaddy por... [read more]

Recommended Articles